﻿@{
    ViewBag.Title = "Menu";
    Layout = "~/Views/Shared/_LayoutPageAll.cshtml";
}

@*页面中心内容*@
<div class="content clearfix">
    <div class="breadcrumbs">
        <h2 class="element-invisible">You are here</h2><div class="breadcrumb"><a href="/">返回主页</a> » 菜&nbsp;&nbsp;&nbsp;单 </div>
    </div>
    <div id="content" class="column content-inner">
        <div class="section">
            <a id="main-content"></a>
              <div class="region region-content">
                <div id="block-system-main" class="block block-system">
                    <div class="content">
                        <div class="product-menu-header">
                            <h2>Menu</h2>
                        </div>
                        @*菜单块*@
                        <div class="product-menu-holder">
                            <div>
                                <div class="left-part">
                                    <h3>饮品与饮料</h3>
                                    <h4><span class="text">水果</span><span class="line"></span></h4>

                                    <ul>
                                        <li>
                                            <div class="img-holder">
                                                <div class="canvas"></div>
                                                <img typeof="foaf:Image" src="http://cooker.envato.tabvn.com/sites/default/files/styles/menu_card/public/up.jpg" width="79" height="76" alt="" />
                                            </div>
                                            <div class="price">
                                                <h5><a href="/product/convallis-sit-amet-tellus">convallis sit amet tellus</a></h5>
                                                <span>$16.45</span>
                                            </div>
                                            <div class="description">
                                                <p>Vestibulum ut leo erat. Integer ac est at enim suscipit vulputate. Phasellus ant</p>
                                            </div>
                                        </li>

                                    </ul>
                                    <h4><span class="text">意大利面食</span><span class="line"></span></h4>

                                    <ul>
                                        <li>
                                            <div class="img-holder">
                                                <div class="canvas"></div>
                                                <img typeof="foaf:Image" src="http://cooker.envato.tabvn.com/sites/default/files/styles/menu_card/public/meal-14.jpg" width="79" height="76" alt="" />
                                            </div>
                                            <div class="price">
                                                <h5><a href="/product/fried-potatoes">Fried potatoes</a></h5>
                                                <span>$15.45</span>
                                            </div>
                                            <div class="description">
                                                <p>Vestibulum ut leo erat. Integer ac est at enim suscipit vulputate. Phasellus ant</p>
                                            </div>
                                        </li>

                                    </ul>


                                </div>
                                <div class="right-part">
                                    <h3>精选主食</h3>
                                    <h4><span class="text">豪华套餐</span><span class="line"></span></h4>

                                    <ul>
                                        <li>
                                            <div class="img-holder">
                                                <div class="canvas"></div>
                                                <img typeof="foaf:Image" src="http://cooker.envato.tabvn.com/sites/default/files/styles/menu_card/public/toystory.jpg" width="79" height="76" alt="" />
                                            </div>
                                            <div class="price">
                                                <h5><a href="/product/mauris-nisl-dolor">Mauris in nisl dolor</a></h5>
                                                <span>$12.45</span>
                                            </div>
                                            <div class="description">
                                                <p>Vestibulum ut leo erat. Integer ac est at enim suscipit vulputate. Phasellus ant</p>
                                            </div>
                                        </li>

                                    </ul>
                                    <h4><span class="text">水果沙拉</span><span class="line"></span></h4>

                                    <ul>
                                        <li>
                                            <div class="img-holder">
                                                <div class="canvas"></div>
                                                <img typeof="foaf:Image" src="http://cooker.envato.tabvn.com/sites/default/files/styles/menu_card/public/walle.jpg" width="79" height="76" alt="" />
                                            </div>
                                            <div class="price">
                                                <h5><a href="/product/phasellus-ante-erat">Phasellus ante erat</a></h5>
                                                <span>$8.45</span>
                                            </div>
                                            <div class="description">
                                                <p>Vestibulum ut leo erat. Integer ac est at enim suscipit vulputate. Phasellus ant</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
